<template>
  <div ref="move-item" :ty-move-forwards="forwards" class="ty-move-item">
      <slot></slot>
  </div>
</template>

<script>
export default {
    name: 'moveItem',
    props: {
        forwards: {
            type: Boolean,
        },
        data: {
            type: Object,
        }
    },
    watch: {
        data(newval) {
            this.$refs['move-item'].ty_move_data = newval
        }
    },
    mounted() {
        this.$refs['move-item'].ty_move_data = this.data;
    }
}
</script>

<style>

</style>